
$(function(){
  function tabCont(tit, cont, on){
    $(tit).click(function(){
      var index = $(tit).index(this);
      $(this).addClass(on).siblings().removeClass(on);
      $(cont).eq(index).show().siblings().hide()
    })
  }

  tabCont("#product-mlul>li","#product-mright>div","on")


  function hover3d(tit,on){
    $(tit).hover(function(){
      $(this).addClass(on)
    },function(){
      $(this).removeClass(on)
    })
  }


  $("#menu").click(function(){
    $(this).toggleClass("rotate");
    if ($("#nav-ul-box").css("left") == "0px") {
      $("#nav-ul-box").animate({left:"-100%"},300)
    } else {
      $("#nav-ul-box").animate({left:0},300)
    }
  })


  $("#nav-ul-box").click(function(e){
    $(this).animate({left:"-100%"},300);
    $("#menu").removeClass("rotate");
  })

  $("#head-nav").click(function(e){
    e.stopPropagation();
  })

  $("#up-btn").click(function(){
    $('html,body').animate({scrollTop:0}, 500);
  })

  function scrollFun() {
    var scrollTop = $(window).scrollTop()
    if (scrollTop >= 200) {
      $("#up-btn").show()
    } else {
      $("#up-btn").hide()
    }
  }

  $("#search_btn").click(function(){
    $("#head-right").toggle(()=>{})
  })
  $("#passshow,.password").click(function(){
    var type = $(this).siblings(".el-val").attr("type");
    if (type == "text") {
      $(this).siblings(".el-val").attr("type","password");
    } else {
      $(this).siblings(".el-val").attr("type","text");
    }
  })
})

